<template>
    <div>
        <div style="height:1.8rem;"></div>
        <TabItems :itemgroup="menuarr" v-on:onTabChang='onChangeFn' v-if='isTab'></TabItems>
        <router-view></router-view>
    </div>
</template>
<script>
    import TabItems from '@/components/common/TabItems'
    export default {
        components:{
            TabItems
        },
        data () {
            return {
                menuarr:[
                    {name:'协会简介',url:'/aboutus'},
                    {name:'协会章程',url:'/aboutus/xhzc'},
                    {name:'公司架构',url:'/aboutus/zzjg'},
                    {name:'协会服务',url:'/xhfw'}
                ],
                isTab:true,
            }
        },
        created(){
            this.$store.commit('setTitle',"关于我们");
        },
        methods:{
            // tab 点击事件,e:子路由地址
            onChangeFn(e){
               if(e != '/xhfw')
                 this.$store.commit('setMenu',e);
               this.$router.push(`${e}`);
            }
        }
    }
</script>
<style lang="less" scoped>
@import url(../assets/css/aboutus/aboutus.less);
</style>

